<!--
 * @Author: ZhaoZhiqi
 * @Date: 2024-11-13 10:33:02
 * @LastEditors: ZhaoZhiqi
 * @LastEditTime: 2025-01-11 18:36:53
 * @Description: 
 * @FilePath: \charging-admin\src\views\charge\cardPackageRecord\index.vue
-->
<template>
  <div class="app-container">
    <el-tabs v-model="tabName">
      <el-tab-pane label="实体卡充值(商家代充)" name="tab1">
        <Table1></Table1>
      </el-tab-pane>
      <el-tab-pane label="实体卡充值(用户充值)" name="tab2">
        <Table2></Table2>
      </el-tab-pane>
      <el-tab-pane label="实体卡消费" name="tab3">
        <Table3></Table3>
      </el-tab-pane>
      <el-tab-pane label="钱包充值" name="tab4">
        <Table4></Table4>
      </el-tab-pane>
      <el-tab-pane label="钱包消费" name="tab5">
        <Table5></Table5>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Table1 from "./components/table1.vue";
import Table2 from "./components/table2.vue";
import Table3 from "./components/table3.vue";
import Table4 from "./components/table4.vue";
import Table5 from "./components/table5.vue";
export default {
  name: "Order",
  components: {
    Table1,
    Table2,
    Table3,
    Table4,
    Table5,
  },
  data() {
    return {
      tabName: "tab1",
    };
  },
  created() {},
  watch: {},
  methods: {},
};
</script>
<style scoped lang="scss">
.app-container {
  padding: 20px;
  height: 100%;
  box-sizing: border-box;
}
</style>
